<!DOCTYPE html>
<html lang="Zh-CN">

<head>
  <meta charset="utf-8">
  <base target="_blank" />
  <title>Akilarの工具箱</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta property="og:type" content="website">
  <meta property="og:title" content="Akilarの工具箱">
  <meta property="og:url" content="https://tool.akilar.top/">
  <meta property="og:site_name" content="Akilarの工具箱">
  <meta property="og:description" content="tool.akilar.top">
  <meta property="og:image" content="img/author.webp">
  <!-- Link Swiper's CSS -->
  <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
  <link rel="icon" href="img/favicon.ico" type="image/x-icon">
  <link rel="shortcut icon" href=" favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/style.css">

</head>

<body>
  <!-- Swiper -->

  <div class="swiper-container">
    <div class="swiper-wrapper">
      <!--模板内容===============================================================================================-->
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>渐变色生成</h3>
          </div>
          <div class="demo-img">
            <img alt="index-5d4b31c5.png" src="assets/index-5d4b31c5.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. uiGradients是一个渐变色生成网站</p>
            <p>2. 仅需选择渐变色的区间。</p>
            <p>3. 它会自动生成相应的CSS样式。</p>
            <br>
            <br>
            <center>
              <a href="https://uigradients.com/">访问网站</a
              </center>
          </div>
        </div>
      </div>
      <!-- start ===============================================================================================-->
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>html压缩</h3>
          </div>
          <div class="demo-img">
            <img alt="index-384f5499.png" src="assets/index-384f5499.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 一个在线压缩html语言的网站</p>
            <p>2. 除了html，理所当然的，</p>
            <p>3. 也能压缩js和css。</p>
            <br>
            <br>
            <center>
              <a href="http://tool.ggo.net/htmlpack/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>html←→pug</h3>
          </div>
          <div class="demo-img">
            <img alt="index-d9d1c983.png" src="assets/index-d9d1c983.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 在线进行html与PUG互转的网站</p>
            <p>2. 私人搭建，此处提供两个，</p>
            <p>3. 择优使用。</p>
            <br>
            <br>
            <center>
              <a href="https://pughtml.com/">https协议</a>
                </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>html←→pug</h3>
          </div>
          <div class="demo-img">
            <img alt="index-e4547f03.png" src="assets/index-e4547f03.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 在线进行html与PUG互转的网站</p>
            <p>2. 私人搭建，此处提供两个，</p>
            <p>3. 择优使用。</p>
            <br>
            <br>
            <center>
              <a href="http://www.html2jade.org/">http协议</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>Ping.cn</h3>
          </div>
          <div class="demo-img">
            <img alt="index-016700a0.png" src="assets/index-016700a0.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 网站测速</p>
            <p>2. 支持多线测速和网站PK，</p>
            <p>3. 查看多线部署的情况也不错。</p>
            <br>
            <br>
            <center>
              <a href="https://www.ping.cn/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>Shields</h3>
          </div>
          <div class="demo-img">
            <img alt="index-bf58c262.png" src="assets/index-bf58c262.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. github badge（github徽章标签）生成网站</p>
            <p>2. 支持直接生成多种格式，</p>
            <p>3. 也可以配置渐变色效果。</p>
            <br>
            <br>
            <center>
              <a href="https://shields.io/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>Simple-Icons</h3>
          </div>
          <div class="demo-img">
            <img alt="index-c9cce8d0.png" src="assets/index-c9cce8d0.png" width="" height="" >
          </div>

          <div class="content">
            <p>1. svg图标收录网站</p>
            <p>2. 搭配shields，</p>
            <p>3. 给生成的徽标添加图标。</p>
            <br>
            <br>
            <center>
              <a href="https://simpleicons.org/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>中国风配色</h3>
          </div>
          <div class="demo-img">
            <img alt="index-4a24eb7f.png" src="assets/index-23efd96e.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 中国风配色查询</p>
            <p>2. 支持直接复制色值，</p>
            <p>3. 可以根据色域快速查找。</p>
            <br>
            <br>
            <center>
              <a href="http://zhongguose.com/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>和风配色</h3>
          </div>
          <div class="demo-img">
            <img alt="index-4a24eb7f.png" src="assets/index-8e861ef2.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 和风配色查询</p>
            <p>2. 支持直接复制色值，</p>
            <p>3. 可以根据色域快速查找。</p>
            <br>
            <br>
            <center>
              <a href="http://nipponcolors.com/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>转义字符对照</h3>
          </div>
          <div class="demo-img">
            <img alt="index-4a24eb7f.png" src="assets/index-4a24eb7f.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 写html语言时，偶尔会遇到</p>
            <p>2. 需要使用转义字符的情况，</p>
            <p>3. 权且用作快速查找。</p>
            <br>
            <br>
            <center>
              <a href="https://tool.oschina.net/commons?type=2">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>md5在线加密</h3>
          </div>
          <div class="demo-img">
            <img alt="index-f964a20b.png" src="assets/index-f964a20b.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 对邮箱进行在线加密</p>
            <p>2. 用于配置valine的博主标签魔改，</p>
            <p>3. 需要使用32位小写。</p>
            <br>
            <br>
            <center>
              <a href="https://tool.chinaz.com/tools/md5.aspx">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>Volantis标签</h3>
          </div>
          <div class="demo-img">
            <img alt="index-54ddfcc2.png" src="assets/index-54ddfcc2.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 博客使用了Volantis的tags样式</p>
            <p>2. 由于Volantis的样式实在是太多，</p>
            <p>3. 保留主题文档方便查询。</p>
            <br>
            <br>
            <center>
              <a href="https://volantis.js.org/tag-plugins/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>FontAwsome</h3>
          </div>
          <div class="demo-img">
            <img alt="index-4a24eb7f.png" src="assets/index-4a24eb7f.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 一个中文的FontAwsomeV4查询网站</p>
            <p>2. 在考虑到V5版本和Iconfont的兴起，</p>
            <p>3. 以后应该不会频繁光顾。</p>
            <br>
            <br>
            <center>
              <a href="https://www.thinkcmf.com/font/search.html">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>Brandmark</h3>
          </div>
          <div class="demo-img">
            <img alt="index-a7e2286e.png" src="assets/index-a7e2286e.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 这是一个图标设计网站</p>
            <p>2. 能够根据输入的元素自行设计方案，</p>
            <p>3. 风格非常的契合。</p>
            <br>
            <br>
            <center>
              <a href="https://app.brandmark.io/v3/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>Emoji大全</h3>
          </div>
          <div class="demo-img">
            <img alt="index-a32f6319.png" src="assets/index-a32f6319.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 一个emoji查询网站</p>
            <p>2. 支持中文查询，</p>
            <p>3. 可以直接复制，所见即所得。</p>
            <br>
            <br>
            <center>
              <a href="https://www.emojidaquan.com/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>Convertio</h3>
          </div>
          <div class="demo-img">
            <img alt="index-0c2a9a1c.png" src="assets/index-0c2a9a1c.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 不论是文本、音频还是视频</p>
            <p>2. 各种同类格式之间的自由转换，</p>
            <p>3. 免费用户每天10个文件限额</p>
            <br>
            <br>
            <center>
              <a href="https://convertio.co/zh/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>Iconfont</h3>
          </div>
          <div class="demo-img">
            <img alt="index-d6a57627.png" src="assets/index-d6a57627.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 阿里图标库，内容极其丰富</p>
            <p>2. 支持自定义以及上传自有图标，</p>
            <p>3. 用作替代FontawesomeV4。</p>
            <br>
            <br>
            <center>
              <a href="https://www.iconfont.cn/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>ProcessOn</h3>
          </div>
          <div class="demo-img">
            <img alt="index-d76dcb71.png" src="assets/index-d76dcb71.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 在线作图制图</p>
            <p>2. 功能齐全，图形丰富，</p>
            <p>3. 可以导出各种格式。</p>
            <br>
            <br>
            <center>
              <a href="https://www.processon.com">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>Imagine</h3>
          </div>
          <div class="demo-img">
            <img alt="index-26aaf196.png" src="assets/index-26aaf196.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 一个图片压缩软件，体量小，功能全</p>
            <p>2. 有损压缩，支持设置压缩率</p>
            <p>3. 快速导出，可自选替换源文件。</p>
            <br>
            <br>
            <center>
              <a href="https://github.com/meowtec/Imagine/releases/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>TinyPNG</h3>
          </div>
          <div class="demo-img">
            <img alt="index-d27441b8.png" src="assets/index-d27441b8.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 在线图片无损压缩，</p>
            <p>2. 压缩率有限，</p>
            <p>3. 搭配imagine使用。</p>
            <br>
            <br>
            <center>
              <a href="https://tinypng.com/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>Picgo</h3>
          </div>
          <div class="demo-img">
            <img alt="index-0faf095d.png" src="assets/index-0faf095d.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. 图床软件，支持多种图床</p>
            <p>2. 拖动上传，剪贴板上传，URL上传，</p>
            <p>3. 快速预览，上传后直接生成相应格式URL。</p>
            <br>
            <br>
            <center>
              <a href="https://github.com/Molunerfinn/PicGo/releases/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>NDM</h3>
          </div>
          <div class="demo-img">
            <img alt="index-f10b3c6f.png" src="assets/index-f10b3c6f.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. NeatDownLoadmanager</p>
            <p>2. 功能类似于IDM，最高支持32线程下载，</p>
            <p>3. 不支持magent和P2P。</p>
            <p>4. 配合油猴脚本使用，高速下载百度网盘文件。</p>
            <br>
            <br>
            <center>
              <a href="http://www.neatdownloadmanager.com/index.php/en/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="card">
          <div class="sliderText">
            <h3>Gitd.cc</h3>
          </div>
          <div class="demo-img">
            <img alt="index-ebb6f57e.png" src="assets/index-ebb6f57e.png" width="" height="" >
          </div>
          <div class="content">
            <p>1. Github代下载服务</p>
            <p>2. 能够直接通过github仓库获取Release，</p>
            <p>3. 建议搭配NDM或IDM使用。</p>
            <br>
            <br>
            <center>
              <a href="http://gitd.cc/">访问网站</a>
            </center>
          </div>
        </div>
      </div>
      <!-- end ===============================================================================================-->
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>

  <!-- Swiper JS -->
  <script src="js/swiper.min.js"></script>
  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper('.swiper-container', {
      effect: 'coverflow',
      grabCursor: true,
      centeredSlides: true,
      slidesPerView: 'auto',
      coverflowEffect: {
        rotate: 30,
        stretch: 0,
        depth: 200,
        modifier: 1,
        slideShadows: true,
      },
      pagination: {
        el: '.swiper-pagination',
      },
    });
  </script>
</body>

</html>
